<div class="model-container">
  <div class="model-head">
    <div class="head-left">
      <a [routerLink]="['/outer/project-type']" class="breadcrumb">
        项目
      </a>
      <i nz-icon type="right" theme="outline"></i>
      <a (click)="routeToSurvey()" class="breadcrumb">
        {{projectName}}
      </a>
      <b>
        <i nz-icon type="right" theme="outline"></i>
        视频监控
      </b>
    </div>
    <div class="head-right">
    </div>
  </div>
  <div class="model-body">
    <div nz-row class="body" #videoBody>
      <ng-container *ngFor="let item of videoList">
        <div nz-col nzSpan="6" class="card">
          <!-- <div class="videoPage" style="width:100%;height:100%">
            <img [src]='item.coverUrl' (click)='play(item)' alt="">
          </div>
          <video class="video-js vjs-default-skin vjs-big-play-centered" preload="none" controls
            [poster]="item.coverUrl" data-setup="{}">
            <source [src]='item.playUrl' type="application/x-mpegURL">
            (click)="StartVideo(item)"
          </video>-->
          <div [id]="item.id" style="height: 100%" title="双击进入全屏"></div>
          <!-- <i *ngIf="item.isPlay==false" nz-icon nzType="play-circle" nzTheme="outline" class="play"></i> -->
        </div>

      </ng-container>

    </div>
    <div style="text-align: center">
      <!-- <nz-pagination [nzPageSize]="findJson.maxResultCount" [nzPageIndex]="nzPageIndex" [nzTotal]="nzTotal"
        (nzPageIndexChange)="pageChange($event)" nzShowQuickJumper [nzShowTotal]="totalTemplate"></nz-pagination>
      <ng-template #totalTemplate let-total>
        共{{nzTotal}}条
      </ng-template> -->
    </div>
  </div>
</div>